import router from "./router";
import store from "./store";
import { Message } from "element-ui";
import NProgress from "nprogress"; // progress bar
import "nprogress/nprogress.css"; // progress bar style
import { getToken } from "@/utils/auth"; // get token from cookie
import getPageTitle from "@/utils/get-page-title";

// NProgress.configure({ showSpinner: false }) // NProgress Configuration

const whiteList = ["/login", "/404"]; // no redirect whitelist

router.beforeEach(async (to, from, next) => {
    // start progress bar
    NProgress.start();

    // set page title
    document.title = getPageTitle(to.meta.title);

    // determine whether the user has logged in
    const hasToken = getToken();

    if (hasToken) {
        if (to.path === "/login") {
            // if is logged in, redirect to the home page
            next({ path: "/" });
            NProgress.done();
        } else {
            if (!store.getters.userId) {
                // 如果没有id才表示当前用户资料没有获取过
                // async 函数所return的内容 用 await就可以接收到
                const { roles } = await store.dispatch('user/getUserInfo')
                // 如果说后续 需要根据用户资料获取数据的话 这里必须改成 同步
                // 筛选用户的可用路由
                // actions中函数 默认是Promise对象 调用这个对象 想要获取返回的值话 必须 加 await或者是then
                // actions是做异步操作的
                const routes = await store.dispatch('permission/filterRoutes', roles.menus)
                // routes就是筛选得到的动态路由
                // 动态路由 添加到 路由表中 默认的路由表 只有静态路由 没有动态路由
                // addRoutes  必须 用 next(地址) 不能用next()
                router.addRoutes([...routes,{ path: '*', redirect: '/404', hidden: true }]) // 添加动态路由到路由表  铺路
                // 添加完动态路由之后
                next(to.path) // 相当于跳到对应的地址  相当于多做一次跳转 为什么要多做一次跳转
                // 进门了，但是进门之后我要去的地方的路还没有铺好，直接走，掉坑里，多做一次跳转，再从门外往里进一次，跳转之前 把路铺好，再次进来的时候，路就铺好了
            }
            next()
        }
    } else {
        /* has no token*/

        if (whiteList.indexOf(to.path) !== -1) {
            // in the free login whitelist, go directly
            next();
        } else {
            // other pages that do not have permission to access are redirected to the login page.
            next(`/login`);

        }
        NProgress.done();
    }
});

router.afterEach(() => {
    // finish progress bar
    NProgress.done();
});
